<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
    <title>Twitter Bootstrap 3 - Creativity Tuts</title>
    
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
    <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<li><a href="contact.html">CS center</a></li>


                   
                </ul>
            </div>
            
        </div>
    </div>
    
    <!-- Carousel
    =========================-->
    
    <div id="myCarousel" class="carousel slide">
        
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        
        <div class="carousel-inner">
            
            <div class="item active">
                <img src="img/f_s1.jpg"/>
                <div class="container">
                    <div class="carousel-caption">
                        <h1>My Heading Text</h1>
                        <p>This tag will contain the text which we want to appear on our slide.</p>
                        <p><a class="btn btn-large btn-primary">Sign Up</a></p>
                    </div>
                </div>
            </div>
            
            <div class="item">
                <img src="img/f_s2.jpg"/>
                <div class="container">
                    <div class="carousel-caption">
                        <h1>My Heading Text</h1>
                        <p>This tag will contain the text which we want to appear on our slide.</p>
                        <p><a class="btn btn-large btn-primary">Sign Up</a></p>
                    </div>
                </div>
            </div>
            
            <div class="item">
                <img src="img/k_s3.jpg"/>
                <div class="container">
                    <div class="carousel-caption">
                        <h1>My Heading Text</h1>
                        <p>This tag will contain the text which we want to appear on our slide.</p>
                        <p><a class="btn btn-large btn-primary">Sign Up</a></p>
                    </div>
                </div>
            </div>
            
        </div>
        
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        
    </div>
    
    
    
   
  
   
    
    <!-- Grid
    ==========================-->
    
    <div class="container">
        
        <div class="row">
            <div class="col-md-6">
                <h1>Last Aution</h1>
                <p>
                    Some text will go here. Some text will go here. Some text will go here.
                    Some text will go here. Some text will go here. Some text will go here. Some text will go here. 
                </p>
            </div>
            
            <div class="col-md-6">
                <h1>Next Aution</h1>
                <p>
                    Some text will go here. Some text will go here. Some text will go here.
                    Some text will go here. Some text will go here. Some text will go here. Some text will go here. 
                </p>
            </div>
            
        </div>
        
    </div>
    

    
    <!-- Footer and Modal
    ==========================-->
    
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                
                <hr/>
                <p>Copyright &copy; Creativity Tuts.
                    <a data-toggle="modal" href="#myModal">Terms and Conditions</a>
                </p>
                
                <!-- Modal -->
                <div class="modal fade" id="myModal" tabinex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h2>Terms and Conditions</h2>
                            </div>
                            <div class="modal-body">
                                <p>The text will go here.....</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    
    
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
</body>
</html>
